<script setup lang="ts">

</script>

<template>
<div>
<el-card>
  <el-form inline>
    <el-form-item label="查询日期">
      <el-date-picker type="daterange" placeholder="查询日期">
      </el-date-picker>
    </el-form-item>
    <el-form-item>
      <el-checkbox>仅查看有售出的日期</el-checkbox>
    </el-form-item>
    <el-form-item>
      <el-button>搜索</el-button>
    </el-form-item>
  </el-form>
</el-card>
<AuthenText class="mt-5">
  <div>
    购买域名数量<span class="text-red-400">0 </span>个 合计购买金额 <span class="text-red-400">0 </span> 元
  </div>
</AuthenText>
  <el-card class="mt-4">
    <el-table
        ref="multipleTable"
        :data="[{
          date: '2016-05-03',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1518 弄'
        }, {
          date: '2016-05-02',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1518 弄'
        }]"
        tooltip-effect="dark"
        style="width: 100%"
    >
      <el-table-column type="selection">

      </el-table-column>
      <el-table-column
          label="日期"
      >
        <template slot-scope="scope">{{ scope.row.date }}</template>
      </el-table-column>
      <el-table-column
          label="购买数量"
      >
        <template slot-scope="scope">{{ scope.row.date }}</template>
      </el-table-column>
      <el-table-column
          label="购买金额"
          sortable
      >
        <template slot-scope="scope">{{ scope.row.date }}</template>
      </el-table-column>

      <el-table-column
          prop="address"
          label="操作"
      >
        <template slot-scope="scope">
          <div class="flex w-full">
            <el-button class="ml-1">明细</el-button>
          </div>
        </template>
      </el-table-column>
    </el-table>
    <div>
      <div class="flex">
        <el-checkbox class="ml-2"></el-checkbox>
        <div class="w-52 ml-2">
          <el-select>
            <el-option v-for="(item,ind) in ['批量修改','批量下架','批量分组','批量更新属性','批量更新发布时间']" :label="item" :value="ind+1"></el-option>
          </el-select>
        </div>
        <div class="ml-2"><el-button type="primary">批量操作</el-button></div>

      </div>
      <div>
        <MyPage></MyPage>
      </div>
    </div>

  </el-card>
</div>
</template>

<style scoped lang="scss">

</style>